<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="preview/css/reset.css"/>
    <script src="preview/js/jquery-3.2.1.min.js"></script>
    <script src="preview/js/rem.js"></script>
    <title>修武县大屏123</title>
    <style>
        body{
            position: relative;
            font-size:0.16rem;
            color:#a1adcf;
            width: 1530px;
            height: 768px;
            background: url(preview/img/bg.png);
            background-size: 100% 100%;
        }
        body>div{position: absolute}
        /*顶部标题 时间 天气*/
        .jc_title{width:8.95rem;height: 0.9rem;left:3.04rem;top:0.17rem;}
        .jc_weather{width: 0.9rem;height: 0.7rem;left:12.62rem;top:0.37rem;}
        .jc_time{width: 2rem;height: 0.7rem;left:13.32rem;top:0.37rem}
        /*上面排行榜，到馆，本馆风采*/
        .jc_rank{width: 4.5rem;height:3.3rem;left:0.38rem;top:1.3rem;}
        .jc_come{width: 3.56rem;height:3.12rem;left:5.34rem;top:1.3rem;}
        .jc_style{width: 5.6rem;height:3.1rem;left:9.33rem;top:1.3rem;}
        /*下面借还书，今日推荐，通知*/
        .jc_borrow{width: 4.7rem;height:2.75rem;left:0.38rem;top:4.78rem;}
        .jc_reco{width: 4.7rem;height:2.75rem;left:5.33rem;top:4.78rem;}
        .jc_notice{width: 4.62rem;height:2.75rem;left:10.31rem;top:4.78rem;}
        body>div>iframe{width: 100%;height: 100%;}



    </style>
</head>
<body>
    <div class="jc_title"><iframe src="title.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_weather"><iframe src="weather.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_time"><iframe src="time.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_rank"><iframe src="rank.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_borrow"><iframe src="borrow.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_style"><iframe src="style.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_come"><iframe src="come.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_notice"><iframe src="notice.html" frameborder="0" scrolling="no"></iframe></div>
    <div class="jc_reco"><iframe src="reco.html" frameborder="0" scrolling="no"></iframe></div>
</body>
<script type="text/javascript">
    window.onload = function(){
        pageRem(100,1530);
    };
    window.onresize = function(){
        pageRem(100,1530);
    };
</script>
</html>